// 向服务器端发送请求 获取文章列表数据
$.ajax({
    type:"get",
    url:"/posts",
    success:function(response){
        console.log(response);
        // var html=template("postsTpl",{data:response});
        var html=template("postsTpl",response);
        $("#postsBox").html(html);
        var page=template("pageTpl",response);
        $("#page").html(page);
    }
});
// 分页
function changePage(page){
    // console.log(page);
    $.ajax({
        type:"get",
        url:"/posts",
        data:{
            page:page
        },
        success:function(response){
            console.log(response);
            // var html=template("postsTpl",{data:response});
            var html=template("postsTpl",response);
            $("#postsBox").html(html);
            var page=template("pageTpl",response);
            $("#page").html(page);
        }
    });
}


// 向服务器端发送请求 索要分类数据
$.ajax({
    type:"get",
    url:"/categories",
    success:function(response){
        // console.log(response);
        var html=template("categoryTpl",{data:response});
        $("#categoryBox").html(html);
    }
})
// 当用户进行文章列表筛选的时候
$("#filterForm").on("submit",function(){
    // 获取到管理员选择的过滤条件
    var formData=$(this).serialize();
    // 向服务器端发送请求 根据条件索要文章列表数据
    $.ajax({
        type:"get",
        url:"/posts",
        data:formData,
        success:function(response){
            // console.log(response);
            // var html=template("postsTpl",{data:response});
            var html=template("postsTpl",response);
            $("#postsBox").html(html);
            var page=template("pageTpl",response);
            $("#page").html(page);
        }
    });
    // console.log("haha");
    // 阻止表单默认提交行为
	return false;
})
// 当删除按钮被点击的时候
$("#postsBox").on("click",".delete",function(){
	// 弹出删除确认框 和管理员确认是否真的要进行删除操作
    if(confirm("您真的要进行删除操作吗")){
        // 获取到管理员要删除的文章的id
        var id=$(this).attr("data-id");
		// 向服务器端发送请求 执行删除操作
        $.ajax({
            type:"delete",
            url:"/posts/"+id,
            success:function(){
                location.reload();
            }
        })
    }
})